@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';
 

@mixin flexs(){
    display: -webkit-flex;
    display: flex; 
}

@mixin flex_center(){
    @include flexs();
    
    -webkit-justify-content: center;
    justify-content: center;
    
    -webkit-align-items: center; 
    align-items: center;
}
@mixin flex_start(){
    @include flexs();
    
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    
    -webkit-align-items: center; 
    align-items: center;
} 
@mixin flex_one(){
     -webkit-flex: 1;
             flex: 1;
}
@mixin flex_wrap(){
    -webkit-flex-wrap: wrap;  
    -moz-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    -o-flex-wrap: wrap;  
    flex-wrap: wrap;  
}
@mixin no_select(){
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}

@mixin border_box(){
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
}


body{
	background-color: #fff;
}

.bgblue{
	position: relative;
	width: 100%;
	height: px2rem(316px);
	background: #C084F8;
    background-image: linear-gradient(to right, #F281F8, #C084F8, #7E86FA);
    overflow: hidden;
    color: #fff;
    text-align: center;
    .userimgbor{
    	position: relative;
    	margin: 0 auto;
    	margin-top:  px2rem(30px);
    	width: px2rem(120px);
    	height: px2rem(120px); 
        display: block;
        overflow: hidden; 
        .img{
        	width: px2rem(120px);
    	    height: px2rem(120px);
    	    display: inline-block;
    	    border-radius: 50%;
        }
        .adorn{ 
		    position: absolute;
		    right: 0.04rem;
		    bottom: 0;
		    width: px2rem(48px);
        	max-height: px2rem(40px);
        	z-index: 2;
		    img{
		    	width: 100%;
		    	display: inline-block;
		    }
        }
    }
    .username{
    	margin-top:  px2rem(10px);
        width: 100%;
        font-size: px2rem(32px);
    }
    .userId{
    	margin-top:  px2rem(2px);
        width: 100%;
        font-size: px2rem(24px);
    }
    .userdj{
    	margin-top:  px2rem(6px);
        width: 100%;
        font-size: px2rem(32px);
    }
}


.mint-cell-allow-right::after {
    border: solid 2px #d2d2d2;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top:50%;
    right:0.533333rem;
    position: absolute;
    width:  px2rem(18px);
    height: px2rem(18px);
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}

.abor{
	width: 100%;
	overflow: hidden;
	li{
		position: relative;
		padding: 0 px2rem(30px);
		width: 100%;
		height: px2rem(102px);
		line-height: px2rem(102px);
		border-bottom: 1px solid #e4e4e4;
		color:#2d2d2d;
		font-size: px2rem(28px);
        text-align:justify;
		@include border_box();
        a{
            display: inline-block;
            height: 100%;
            width: 100%;
        } 
	}
}
 